<template>
  <svg
    t="1730526758091"
    class="yindu-icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="7881"
    width="64"
    height="64"
  >
    <path
      d="M846.2 524.1L452.9 130.8c-14.9-14.9-14.9-39.4 0-54.3l0.8-0.8c14.9-14.9 39.4-14.9 54.3 0L901.3 469c14.9 14.9 14.9 39.4 0 54.3l-0.8 0.8c-14.9 14.9-39.4 14.9-54.3 0z"
      fill="#999999"
      p-id="7882"
    ></path>
    <path
      d="M452.9 861.7l393.3-393.3c14.9-14.9 39.4-14.9 54.3 0l0.8 0.8c14.9 14.9 14.9 39.4 0 54.3L508 916.8c-14.9 14.9-39.4 14.9-54.3 0l-0.8-0.8c-14.9-14.9-14.9-39.3 0-54.3z"
      fill="#999999"
      p-id="7883"
    ></path>
    <path
      d="M515.9 524.1L122.6 130.8c-14.9-14.9-14.9-39.4 0-54.3l0.8-0.8c14.9-14.9 39.4-14.9 54.3 0L570.9 469c14.9 14.9 14.9 39.4 0 54.3l-0.8 0.8c-14.9 14.9-39.3 14.9-54.2 0z"
      fill="#999999"
      p-id="7884"
    ></path>
    <path
      d="M122.6 861.7l393.3-393.3c14.9-14.9 39.4-14.9 54.3 0l0.8 0.8c14.9 14.9 14.9 39.4 0 54.3L177.7 916.8c-14.9 14.9-39.4 14.9-54.3 0l-0.8-0.8c-14.9-14.9-14.9-39.3 0-54.3z"
      fill="#999999"
      p-id="7885"
    ></path>
  </svg>
</template>

<script setup lang="ts">
type Props = {
  fill?: string;
  pointer?: boolean;
};

const props = withDefaults(defineProps<Props>(), {
  fill: "#969696",
  pointer: true,
});

const fillColor = computed(() => {
  return props.fill;
});
</script>
<style scoped lang="less">
.yindu-icon {
  & path {
    fill: v-bind(fillColor);
  }
}
</style>
